<ui:composition template="../template/template.xhtml" xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html" xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core" xmlns:p="http://primefaces.org/ui">
	<ui:define name="localizacao">
	<h:outputText value="&#160; Perfil" />
	</ui:define>
	<ui:define name="content">
	<p:ajaxStatus style="width:200px;height:200px;position:fixed;right:5px;bottom:5px">
		<f:facet name="start">
			<h:graphicImage value="../public/images/loading45.gif" />
		</f:facet>
		
		<f:facet name="complete">
			<h:outputText value="" />
		</f:facet>
	</p:ajaxStatus>
		<h4>
			<h:outputText value="Perfil" />
		</h4>
		<br />
		<br />
		<p:growl id="msg1" showDetail="true" sticky="false" life="4000" />
		<h:form id="form_CadUsuario">

			<table>
				<tr>
					<td><h:outputText value="Nome: " /></td>
					<td><p:inputText value="#{usuarioMB.usuario.nome}" id="campo_nome" required="true"
							requiredMessage="Campo obrigatório" /></td>
					<td><p:message for="campo_nome" /></td>
				</tr>

				<tr>
					<td><h:outputText value="Email: " /></td>
					<td><p:inputText value="#{usuarioMB.usuario.email}" id="campo_email" required="true"
							requiredMessage="Campo obrigatorio" /></td>
					<td><p:message for="campo_email" /></td>
				</tr>

				<tr>
					<td><h:outputText value="CPF: " /></td>
					<td><p:inputMask value="#{usuarioMB.usuario.cpf}" mask="999.999.999-99" id="campo_cpf" /></td>
				</tr>

				<tr>
					<td><h:outputText value="Data de Nascimento: " /></td>
					<td><p:calendar id="campo_dataNascimento" locale="pt" showButtonPanel="true"
							navigator="true" pattern="dd/MM/yyyy" yearRange="c-50:c-0"
							value="#{usuarioMB.usuario.dataNascimento}" /></td>
				</tr>

				<tr>
					<td><h:outputText value="Nome de Usuario: " /></td>
					<td><p:inputText value="#{usuarioMB.usuario.nomeUsuario}" id="campo_nomeUsuario"
							required="true" requiredMessage="Campo obrigatório" /></td>
					<td><p:message for="campo_nomeUsuario" /></td>
				</tr>
				
				<tr>
					<td><p:commandButton process="@form" listener="#{form_CadUsuario}"
							update="form_CadUsuario" value="Atualizar dados" styleClass="ui-priority-primary"
							oncomplete="if (!args.validationFailed) $('#form_CadUsuario\\:link_cadUsuario').click()" 
							icon="ui-icon-check"/> 
							<p:commandLink style="display:none" id="link_cadUsuario" actionListener="#{usuarioMB.atualizarUsuario()}"
							update=":msg1" /></td>
				</tr>
			</table>
		</h:form>

	</ui:define>
</ui:composition>